<template>
  <div class="router-content">
    <div class="mian-header">持卡人类别列表</div>
    <div class="main-content">
      持卡人类别画面会显示持卡人一级类别和二级类别。
      <img src="/static/imgs/card/user_1.jpg"/>
    </div>
    <div class="mian-header">创建一级类别</div>
    <div class="main-content">
      点击“创建”弹出编辑持卡人类型的窗口，能够创建一级持卡人类别
      <img src="/static/imgs/card/user_2.png"/>
      <img src="/static/imgs/card/user_3.png"/>
    </div>
    <div class="mian-header">创建二级持卡人类别</div>
    <div class="main-content">
      点击“创建子类别”弹出创建二级持卡人类别的对话框，选择一级类别，填写名称，最后点击提交。
      <img src="/static/imgs/card/user_4.png"/>
      <img src="/static/imgs/card/user_5.png"/>
    </div>
    <div class="mian-header">改名</div>
    <div class="main-content">
      点击持卡人类别页面的“改名”弹出编辑持卡人类型的对话框，改完名后提交就成功改名了。
      <img src="/static/imgs/card/user_6.png"/>
      <img src="/static/imgs/card/user_7.png"/>
    </div>
    <div class="mian-header">删除</div>
    <div class="main-content">
      点击持卡人类别页面的“删除”出现“确认要删除该持卡人类别吗？”对话框，点击“确定”就成功删除了。
      <img src="/static/imgs/card/user_8.png"/>
      <img src="/static/imgs/card/user_9.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
</style>
